<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>回收站</title>
		<link rel="stylesheet" href="../../css/index.css" />
	</head>
	<body>
		<!--回收站-->
		<div class="recycle-page page-bg">
			<div class="search-panel b-r-0">
				<!--搜索区域内容-->
				<div class="search-box pos-re">
					<div class="search-show">
						<div class="input-box">
							<input class="import-box w-128 pr-30" type="text" placeholder="用户名" />
							<a class="search-down up"><i class="search-down-icon com_icon"></i></a>
						</div>
						<div class="input-box">
							<input class="import-box" type="text" placeholder="IP" />
						</div>
						<a class="show-more-search search_icon"></a>
						<a class="search-btn search_icon"></a>
						<a class="search-back-btn search_icon"></a>
					</div>
					<!--跟多搜索条件-->
					<div class="more-search">
						<div class="more-search-box">
							<div class="more-input">
								<label class="label-text">虚拟机名称</label>
								<input class="import-box w-328" type="text" placeholder="虚拟机名称" />
							</div>
							<div class="more-input">
								<label class="label-text">创建日期范围</label>
								<div class="time-panel on">
									<div class="input-box">
										<input class="import-box pr-30" type="text" placeholder="开始时间" />
										<a class="search-down up"><i class="time-icon select_icon"></i></a>
									</div>
									<i class="time-cut"></i>
									<div class="input-box">
										<input class="import-box pr-30" type="text" placeholder="结束时间" />
										<a class="search-down up"><i class="time-icon select_icon"></i></a>
									</div>
								</div>
							</div>
							<a class="accurate-search tc_btn"><i class="search-btn search_icon"></i>搜索</a>
						</div>
					</div>
					<a class="set-auto-del tc_btn"><i class="auto-delete-icon icon_20"></i>自动删除设置</a>
				</div>
				<!--批量操作按钮-->
				<div class="batch-handle d-n">
					<ul>
						<li class="btn-item">
							<a class="restore-btn tc_btn"><span class="restore-icon icon_20"></span>还原</a>
						</li>
						<li class="btn-item">
							<a class="del-btn tc_btn"><span class="del-icon icon_20"></span>彻底删除</a>
						</li>
					</ul>
					<a class="close-batch-handle com_icon"></a>
				</div>
			</div>
			<!--虚拟机列表-->
			<div class="table">
				<ul class="ul_head">
					<li style="width: 4%; border:none;">
						<a id="checkAll" class="check-all select_icon mt-8"></a>
					</li>
					<li style="width: 8%">用户名</li>
					<li style="width: 10%">虚拟机名称</li>
					<li style="width: 10%">所属服务器</li>
					<li style="width: 11%">镜像/快照</li>
					<li style="width: 12%">外网IP</li>
					<li style="width: 12%">内网IP</li>
					<li style="width: 16%">删除时间</li>
					<li style="width: 16%">预计删除时间</li>
				</ul>
				<ul class="ul_body">
					<li class="li_tr">
						<ul>
							<li class="ul_body_td" style="width: 4%; border:none;">
								<p class="td_content">
									<a class="check-radio check-all select_icon"></a>
								</p>
							</li>
							<li class="ul_body_td" style="width: 8%">
								<p class="td_content">
									<a class="user-name">troila</a>
								</p>
							</li>
							<li class="ul_body_td" style="width: 10%">
								<p class="td_content">server10</p>
							</li>
							<li class="ul_body_td" style="width: 10%">
								<p class="td_content">研发专用</p>
							</li>
							<li class="ul_body_td" style="width: 11%">
								<p class="td_content">Windows XP</p>
							</li>
							<li class="ul_body_td" style="width: 12%">
								<p class="td_content">172.27.108.212</p>
							</li>
							<li class="ul_body_td" style="width: 12%">
								<p class="td_content">172.27.108.212</p>
							</li>
							<li class="ul_body_td" style="width: 16%">
								<p class="td_content">2016-12-25&nbsp;8:21:20</p>
							</li>
							<li class="ul_body_td" style="width: 16%">
								<p class="td_content">
									<a class="delete-time">2016-12-25&nbsp;8:21:20</a>
								</p>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<!--底部分页-->
			<div class="table-footer">
				<!--设置每页显示条数-->
				<div class="change-record">
					<label class="foot-label">每页显示</label>
					<div class="record-select">
						<p class="now-record">10<i class="show-record-ul com_icon"></i></p>
						<ul class="record-ul">
							<li class="record-item">10</li>
							<li class="record-item">20</li>
						</ul>
						<span class="record-unit">条</span>
					</div>
				</div>
			</div>
		</div>
		
	</body>
	<script type="text/javascript" src="../../js/libs/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../js/view/virtualManage/recycleList.js"></script>

</html>